import { useNavigate } from 'react-router-dom';
import { Button } from '@/components/ui/button';

const NotFoundPage = () => {
  const navigate = useNavigate();
  
  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center text-center">
      <h1 className="text-4xl font-bold tracking-tight">404</h1>
      <p className="mt-2 text-lg text-muted-foreground">Page not found</p>
      <Button
        onClick={() => navigate('/')}
        className="mt-6"
        variant="default"
      >
        Go to Home
      </Button>
    </div>
  );
};

export default NotFoundPage; 